﻿body  {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	margin: 0; 
	padding: 0;
	color: black;
	background-image: url('bg.gif');
	background-repeat:repeat-x;
	background-position: top center;
	background-color: #FF9900;
	font-size: 71%;
}

img {
	border: none;
}

p {
	margin: 5px 0px 10px 0px;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #0077b4;
	text-decoration: none;
}

a {
	color: #0077b4;
	text-decoration: none;
}

a:hover {
	color: #0077b4;
	text-decoration: underline;
}

form {
	margin:0;
	padding:0;
}

div {
	padding: 0px;
	margin: 0px;
}

.customTicketTitle h1 {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
}

h1.customPageTitle {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
}

.customClear {
	clear: both;
}

.customCentered {
	width: 977px;
	margin: auto;
	padding-bottom: 20px;
}

.customMain {
	width: 100%;
	background-color: #FF9900;
	min-height: 400px;
	padding:8px 20px;
	width:937px;
	overflow:auto; /* handle wide lists with scrolling */
}

.customMain a {
	font-weight: bold;
}

.customTop {
	background-color: transparent;
	height:19px;
	margin:10px 0 8px;
	width: 100%;
	color: #0f3655;	
}

.customTopLeft {
	float:left;
	line-height:19px;
	width:auto;
	padding-left:5px;
}

.customTopRight {
	float: right;
	width: 600px;
	padding-right:5px;
}

.customTopRightItem {
	float: right;
	padding-left: 10px;
	width:auto;
}

.customTop input {
	height: 12px;
	width: 100px;
	font-size: 1em;
}

.customTop select {
	height:19px;
	font-size: 1em;
}

.customLogin {
	float:left;
	width:auto;
}

.customHeader {
	background-image: url('SADCMET_Header.jpg');
	background-repeat: no-repeat;
	background-color: white;
	height: 320px;
	width: 100%;
}

.customTopNavHolder {
	background-image:url('dottedline.gif');
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
	height:30px;
	padding-left:1px;
	position:relative;
	right:15px;
	top:35px;
	white-space:nowrap;
	width:auto;
}

.customLeftNavHolder {
	margin-left:5px;
	margin-top:5px;
	padding-bottom:20px;
	width:210px;
}

.customFooter {
	background-image: url('footer_bg.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 31px;
	width: 100%;
	color: BLACK;
	padding:8px 20px;
	width:937px;
}

.customLogo {
	float:left;
	left:25px;
	position:relative;
	top:32px;
}

.customMSLogo {
	background-image:url('microsoft_logo.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:14px;
	width:84px;
	position: relative;
	display: block;
	float: right;
}

.customFooterLeft {
	float: left; 
	width: 400px; 
	height: 30px;
}

.customFooterRight {
	float: right; 
	width: 400px; 
	height: 30px; 
	text-align: right;
	padding-right:10px;
}

a.customFooterLink {
	color: BLACK;
	padding: 0px 5px;
}

.customMainLeft {
	float:left;
	padding-right:20px;
	width:240px;
}

.customMainRight { 
	width:760px;
	padding-bottom:15px;
	float: left;
}

.customSubTitle {
	font-family: Arial,sans-serif;
	color: #929B98;
	font-weight: bold;
	font-size: 105%;
}

.customPageTitle {
	text-transform:uppercase;
}

.customMainContent {
	padding-bottom: 20px;
	padding-right: 20px;
	line-height: 1.5em;
	color: #FF9900;
}

.customTicketTitle {
	background-image:url('ticket_bg.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
	line-height:34px;
	padding-left:4px;
	width:245px;
}


/*
-----------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------
*/

/* search button hider */
.customSearch .ms-sbgo img {
	display: none;
}

/* fancy search button */
.customSearch .ms-sbgo a {
	display: block;
	height:17px;
	width:32px;
	background:transparent url('but_go.gif') no-repeat scroll left top;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;	
}

/* search button hover */
.customSearch .ms-sbgo a:hover {
	background-image: url('but_go_on.gif');
}

/* search box style */
.customSearch input.ms-sbplain {
	font-size:1em;
	height:15px;
	margin-right: 5px;
	background-image: none;
	color: #999999;
}

/*
-----------------------------------------------------------------------------
  Top Navigation
-----------------------------------------------------------------------------
*/

/* arrow for flyouts */
.menu-horizontal span.dynamic-children span.additional-background {
	padding-right:0px;
	background-image:none;
}

.menu-horizontal a.dynamic-children span.additional-background {
	padding-right:0px;
	background-image:none;
}

/* item style */
.s4-tn li.static > .menu-item {
	white-space:nowrap;
	border:0px none transparent;
	padding:12px 10px 5px;
	display:inline-block;
	vertical-align:middle;
	color:BLACK;
	font-family:arial,helvetica,sans-serif;
	font-size: 105%;
	font-weight: bold;
	background-image:url('dottedline.gif');
	background-position:right top;
	background-repeat:no-repeat;
	background-color:transparent;
}

/* item style hover */
.s4-tn li.static > a:hover {
	color: #663300;	
	text-decoration: none;
	background-image:url('');
	background-position:right top;
	background-repeat: repeat-x;
}

/* flyout holder */
.s4-tn ul.dynamic {
	background-color:#FF9900;
	border:0px none;
}

/* flyout item */
.s4-tn li.dynamic > .menu-item {
	display:block;
	white-space:nowrap;
	font-weight:normal;
	background-color: #FF9900;
	background-repeat: repeat-x;
	padding:4px 8px 4px 10px;
	font-family:arial,helvetica,sans-serif;
	border-top: 0px;
	color: BLACK;
}

/* flyout item hover */
.s4-tn li.dynamic > a:hover {
	font-weight:normal;
	text-decoration:none;
	background-color: #663300;
	color: #222222;
}

/*
-----------------------------------------------------------------------------
  Left Navigation
-----------------------------------------------------------------------------
*/

/* left nav item style */
.customLeftNavHolder li > .menu-item {
	background-image:url('arrow.gif');
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:1px solid #ECF0EF;
	padding:4px 0 4px 14px;
}

/*
-----------------------------------------------------------------------------
  Web Parts
-----------------------------------------------------------------------------
*/


/* web part title for left column */
.customLeftWPHolder .ms-WPTitle {
	color:inherit;
	padding:0px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
	background-image:url('ticket_bg.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
	line-height:34px;
	padding-left:4px;
}

/* web part padding for left column */
.customLeftWPHolder .ms-wpContentDivSpace {
	padding: 0px;
}

/* remove some white speace from web parts in left column */
.customLeftWPHolder .ms-WPHeader .ms-wpTdSpace {
	display:none;
}

/* remove border from bottom of web parts in left column */
.customLeftWPHolder	.ms-WPHeader td {
	border-bottom: none;
}


/*
-----------------------------------------------------------------------------
  Overrides for out of the box Sp css
-----------------------------------------------------------------------------
*/

/* hide body scrolling (SharePoint will handle) */
body {
	height:100%;
	overflow:hidden;
	width:100%;
}
		
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background:#F2F2F2;
}

/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
body #s4-leftpanel {
	padding-right:20px;
}		

/* body area  */
.s4-ca {
	margin-left:auto;
}

/* fix scrolling on list pages */
#s4-bodyContainer {
	position: relative;
}

/* fix the font on some ootb menus */
.ms-authoringcontrols {
	font-family: Verdana,Arial,sans-serif;;
	line-height: normal;
}

.propertysheet {
	font-family: Verdana,Arial,sans-serif;;
	line-height: normal;
}

/* nicer border between top bar and page */
.ms-cui-topBar2 {
	border-bottom: 1px solid #666666;
}

/* hide the hover state for teh ribbon links */
#s4-ribbonrow a:hover {
	text-decoration: none;
}

/* fix ribbon line height */
#s4-ribbonrow {
	line-height: normal;
}

/* make site settings links look normal */
.ms-linksection-level1 ul li a {
	font-weight:normal;
}

/* hide the left margin when dialog is up */
.ms-dialog .customMainRight {
	margin-left:0 !important;
	margin-right:0 !important;
	min-height:0 !important;
	min-width:0 !important;
	width:auto !important;
	height:auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow:inherit;
}

.ms-dialog .customMain {
	margin-left:0 !important;
	margin-right:0 !important;
	min-height:0 !important;
	min-width:0 !important;
	width:auto !important;
	height:auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow:inherit;
}

.ms-dialog .customCentered {
	margin-left:0 !important;
	margin-right:0 !important;
	min-height:0 !important;
	min-width:0 !important;
	width:auto !important;
	height:auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow:inherit;
}

/* dialog bg */
.ms-dialog body {
	background-color: white;
	background-image: none;
}

/* fix dialog padding */
.ms-dialog .s4-wpcell-plain {
	padding: 4px;
}